<div class="header">
  <back-Btn></back-Btn>
  项目扣款
</div>
<div class="container finance task-review">
  <div class="list f_sk">
    <div user-info no="TaskReview.result.fileNo" depname="TaskReview.result.departmentName"
      date="TaskReview.result.applyDate" username="TaskReview.result.userName"></div>
    <div class="section">
      <div class="list-item flex" ng-show="TaskReview.result.relatedModuleName">
        <div class="c9 w40">关联模块</div>
        <div class="w60">{{ TaskReview.result.relatedModuleName }}</div>
      </div>
      <div class="list-item flex" ng-show="TaskReview.result.moduleNo">
        <div class="c9 w40">模块编号</div>
        <div class="w60" relative-module="{{ TaskReview.result.relatedModule }}"
          module-no="{{ TaskReview.result.moduleNo }}">
          {{ TaskReview.result.moduleNo }}
        </div>
      </div>

      <div class="list-item flex">
        <div class="c9 w40">项目编号</div>
        <div class="w60">{{ TaskReview.result.projectNo }}</div>
      </div>
      <div class="list-item flex">
        <div class="w40 c9">项目名称</div>
        <div class="w60" relative-module="project_store" module-no="{{ TaskReview.result.projectNo }}">
          {{ TaskReview.result.projectName }}
        </div>
      </div>
      <div class="list-item flex">
        <div class="w40 c9">扣款方式</div>
        <div class="w60" ng-switch="TaskReview.result.closeOutType">
          <div ng-switch-when="1">正常扣款</div>
          <div ng-switch-when="2">预先扣款</div>
          <div ng-switch-when="3">收款转扣款</div>
          <div ng-switch-when="4">垫付款扣款</div>
        </div>
      </div>
      <div class="list-item flex" ng-show="TaskReview.result.canCost">
        <div class="w40 c9">当前余额</div>
        <div class="w60">{{ TaskReview.result.canCost | NBFmt }}</div>
      </div>
      <div class="list-item flex">
        <div class="w40 c9">扣款总金额</div>
        <div class="w60">{{ TaskReview.result.amount | NBFmt }}</div>
      </div>
      <div class="list-item flex">
        <div class="w40 c9">金额大写</div>
        <div class="w60">{{ TaskReview.result.amountInWorld }}</div>
      </div>
      <div class="list-item flex" ng-show="TaskReview.result.completion==1">
        <div class="w40 c9">扣款状态</div>
        <div class="w60">已扣款</div>
      </div>
      <div class="list-item flex" ng-show="TaskReview.result.remark">
        <div class="w40 c9">备注</div>
        <div class="w60">{{ TaskReview.result.remark }}</div>
      </div>
      <!-- 附件 -->
      <div class="file-upload" file-list checked="true" file-data="TaskReview.result.attachment"></div>
      <!-- 自定义字段 -->
      <div checkuser-define field-map="TaskReview.result.customFields"></div>

      <div class="list table-list">
        <div class="info-title">扣款明细
          <span class="c-blue fr" ng-click="showCertificate()">添加</span>
        </div>
        <div class="table-item" ng-repeat="item in TaskReview.result.details">
          <div class="list-item">
            <div class="item-label">款项类别</div>
            <div class="flow-content" ng-switch="item.deductType">
              <span ng-switch-when="3">保证金</span>
              <span ng-switch-when="4">押金</span>
              <span ng-switch-when="5">缴纳</span>
              <span ng-switch-when="6">成本</span>
              <span ng-switch-when="7">收入</span>
              <span ng-switch-when="10">已付款</span>
            </div>
          </div>
          <div class="list-item">
            <div class="item-label">款项小类</div>
            <div class="flow-content">{{ item.deductName }}</div>
          </div>
          <div class="list-item">
            <div class="item-label">扣款金额</div>
            <div class="flow-content">{{ item.deductAmount | NBFmt }}</div>
          </div>
          <div class="list-item">
            <div class="item-label">扣款事由</div>
            <div class="flow-content">{{ item.deductRemark }}</div>
          </div>
          <div class="file-upload" file-list file-data="item.deductAttachment"></div>
        </div>
        <div class="table-item" ng-repeat="item in details">
          <div class="content" ng-class="{cur:$index==costindex}" ng-click="resetlist(0)"
            ng-swipe-left="swipe($index)" ng-swipe-right="swipe(-1)">
            <div class="list-item">
              <div class="item-label">款项类别</div>
              <div class="flow-content">
                {{ item.deductType | getnamefromvalue }}
              </div>
            </div>
            <div class="list-item">
              <div class="item-label">款项小类</div>
              <div class="flow-content">{{ item.deductName }}</div>
            </div>
            <div class="list-item">
              <div class="item-label">扣款金额</div>
              <div class="flow-content">{{ item.deductAmount }}</div>
            </div>
            <div class="list-item">
              <div class="item-label">扣款事由</div>
              <div class="flow-content">{{ item.deductRemark }}</div>
            </div>
            <div class="file-upload" file-list file-data="item.deductAttachment"></div>
          </div>
          <div class="delete_icon icon_del" ng-click="deletedItem($index)"></div>
        </div>
      </div>
    </div>
    <div cost-list form-key="formKey" data="TaskReview.result"></div>
    <!-- 审查日志 -->
    <div log-list taskid="process_id"></div>
  </div>
</div>
<!-- 扣款明细 -->
<div class="list tablestyle pickceritem" ng-show="showCerPicker">
  <div class="list-item f_sk">
    <div class="grid list-content icon_enter required">
      <div class="col-1-4">款项类别</div>
      <div class="col-3-4">
        <select name="sex" id="sexSelect" ng-model="picker.deductType" ng-change="costTypechange()"
          ng-options="item.value as item.key for item in costTypeList">
          <option value="">选择款项类型</option>
        </select>
      </div>
    </div>
    <div class="grid list-content icon_enter">
      <div class="col-1-4">款项小类</div>
      <div class="col-3-4">
        <select ng-model="picker.deductName" ng-options="item.value as item.key for item in costsubTypeList">
        </select>
      </div>
    </div>
    <div class="grid list-content required">
      <div class="col-1-4">扣款金额</div>
      <div class="col-3-4">
        <input type="text" tel-directive ng-model="picker.deductAmount" />
      </div>
    </div>
    <div class="grid list-content required">
      <div class="col-1-4">扣款事由</div>
      <div class="col-3-4">
        <input type="text" ng-model="picker.deductRemark" />
      </div>
    </div>
    <div class="file-upload" file-upload file-data="picker.deductAttachment" maxnum=1></div>
  </div>
  <div class="pickceritem-btn tc flex">
    <div class="cancel" ng-click="closePicker()">取消</div>
    <div class="confirm" ng-click="addCertificate()">确定</div>
  </div>
</div>